<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<h:outputStylesheet name="main.css" library="css" />
	<h:outputStylesheet name="styleTemplatePrincipal.css" library="css" />
	<title><ui:insert name="windowTitle" /></title>
	<ui:insert name="extra" />
</h:head>

<h:body>
	<div id="contenedor">
		<div id="encabezado">
			<div id="encabezado_izquierda">
				<div id="encabezado_izquierda_imagen1">
					<h:graphicImage
						value="/resources/images/website/imagen_cabecera_1.png" />
				</div>
				<div id="encabezado_izquierda_imagen2">
					<h:graphicImage
						value="/resources/images/website/imagen_cabecera_2.png" />
				</div>
			</div>
			<div id="encabezado_derecha">
				<div style="font-weight: bolder;">Bienvenido, hoy es
					#{templatePrincipalController.fechaActual}</div>
				<div id="encabezado_derecha_accion1">
					<h:link value="Iniciar sesión" />
				</div>
				<div id="encabezado_derecha_accion2">
					<h:link value="Regístrate aquí" />
				</div>
			</div>
		</div>
		<div id="barra_cabecera" />
		<div id="barra_menu">
			<ui:insert name="barra_menu">
				<h:form prependId="false">
					<p:menubar id="menubarprincipal">
						<p:menuitem value="Inicio" outcome="/index"
							styleClass="menuPersonalizado" />
						<p:menuitem value="|" styleClass="separadorMenu" />
						<p:menuitem value="Quiénes Somos" styleClass="menuPersonalizado" />
						<p:menuitem value="|" styleClass="separadorMenu" />
						<p:submenu label="Maestrias" styleClass="submenuPersonalizado">
							<p:menuitem value="maestria 1 avasddas asd aasd" />
						</p:submenu>
					</p:menubar>
				</h:form>
			</ui:insert>
		</div>
		<div id="imagenes_cabecera">
			<ui:insert name="imagenes_cabecera">
				<p:galleria value="#{templatePrincipalController.imagenesCabecera}"
					var="imagen" effect="clip" panelWidth="980" panelHeight="210"
					showCaption="true">
					<p:graphicImage value="#{imagen}" alt="Imagen para #{imagen}"
						title="#{imagen}" />
				</p:galleria>
			</ui:insert>
		</div>
		<div id="menulateral">
			<ui:insert name="menulateral">
				HOLA
            </ui:insert>
		</div>
		<div id="contenido">
			<ui:insert name="contenido" />
		</div>
		<div id="piedepagina">HOLA</div>
	</div>
</h:body>
</html>
